<template>
    <div class="member">
        <!-- 图片 -->
        <div class="module">
            <img src="../assets/member.img/jm_banner.jpg" alt="">
        </div>
        <!-- 主体 -->
        <div class="nei-main">
            <div class="ny-caidan">
                  <div class="mbx">
                      当前位置：
                      <a href="">夏达粥铺 ></a>
                      <a href="">粥铺加盟 ></a>
                      <a href="">{{t}}</a>
                  </div>
                  <div class="promenu"> 
                    <van-tabs v-model="active" color="#fff" @click="b($event)">
                        <van-tab title="加盟优势" data-c="加盟优势"> 
                            
                            <div class="nytitle">夏达加盟优势</div>
                            <div class="join">
                                　　夏达粥店作为粥铺领域的领军企业常年占据粥铺加盟排行榜的榜首。大家现在要是问<strong>粥店加盟哪家好？</strong>毫无疑问的答案都是夏达粥店才是最适合的品牌。 
                            </div>
                            <img src="../assets/member.img/jmys.jpg" alt="" class="ntp">
                            <div class="text">
                                <div advantage1>
                                  【优势一：产品丰富】
                                夏达粥店是作为粥铺加盟里面产品种类最多的品牌。有早餐粥系列，潮汕砂锅粥系列，营养粥系列，养生粥等系列。丰富的产品线不但让消费者有多重的选择，更是扩整了合作加盟商的消费者群体。适合各式各样的人放心食用。消费者还能不知道粥铺加盟哪家好么？ 
                                </div>
                                <div advantage2>
                                    【优势二：口味技术】
                                    夏达粥店的粥出了种类齐全能够吸引住顾客外就是口味比较独特，美味来为合作加盟商留住顾客。曼玲粥店独家研发团队对粥进行加工研究。产有自己秘制的底料，不用放各种添加剂也可以使得消费者喝到健康，美味的好粥！ 
                                </div>
                                <div class="advantage3">
                                    【优势三：品牌效应】
                                    夏达粥店在产品与技术双重结合的氛围下获得了百万粉丝的拥趸， 在业内知名度遥遥领先，无论是影响力还是竞争力都是无可匹敌的。所以加盟了曼玲粥店就是首先有了基础顾客群体的保障。还愁合作加盟商没有生意么？ 
                                </div>
                                <div class="advantage4">
                                    　    无论是养生粥，还是<strong>砂锅粥加盟哪家好</strong>都是选择夏达粥店，一站式的加盟服务与体验给你享受自己当老板的乐趣！ 
                                </div>
                            </div>
                            <!-- 底部 -->
                            待完成
                        </van-tab>
                        <van-tab title="加盟流程" >
                             <div class="nytitle">夏达加盟流程</div>
                            <div class="process">
                                <ul>
                                    <li>加盟<br>咨询<img src="../assets/member.img/jt.jpg" alt=""></li>
                                     <li>签订<br>合同<img src="../assets/member.img/jt.jpg" alt=""></li>
                                     <li>系统<br>培训</li> <img src="../assets/member.img/jtx.jpg" alt="" class="qita1">
                                </ul>
                                <ul>
                                   <img src="../assets/member.img/jmys.jpg" alt="" class="liucheng">
                                
                                    <li class="right">考核<img src="../assets/member.img/jiantou1.jpg" alt="">
                                    <img src="../assets/member.img/jtx.jpg" alt="" class="qita3"></li>
                                    <li>店面<br>评估</li><img src="../assets/member.img/jtx.jpg" alt="" class="qita1">
                                </ul>
                                 <ul>
                                    <li>设备物<br>料进驻<img src="../assets/member.img/jiantou1.jpg" alt="">
                                    <img src="../assets/member.img/jtx.jpg" alt="" class="qita2">
                                    </li>
                                    
                                    <li>装修<br>工程<img src="../assets/member.img/jiantou1.jpg" alt=""></li>
                                    <li>门店<br>实习</li> 
                                </ul> 
                                  <ul>
                                    <li>工程<br>验收<img src="../assets/member.img/jt.jpg" alt=""></li>
                                    <li>试<br>营业<img src="../assets/member.img/jt.jpg" alt=""></li>
                                    <li>热烈<br>开幕</li> 
                                </ul> 
                            </div>
                        </van-tab>
                        <van-tab title="加盟费用 ">
                            <div class="nytitle">夏达加盟费用</div>
                            <div class="join">
                                　　　　夏达粥店作为粥铺加盟行业的专家，自2012年在上海成立以来收到了行业内和市场上的双重关注，也取得了不错的反响。至今为止数百家门店的成绩给了无数的投资人加盟合作的信心。 
                            </div>
                            <img src="../assets/member.img/jmys.jpg" alt="" class="ntp">
                            <div class="text">
                                <div class="cost1">
                                    　  现在投资人最关心的问题就是夏达粥店<strong>粥店加盟费</strong>贵不贵？夏达粥店<strong>粥铺加盟费多少钱</strong>？不用担心，夏达粥店的所有加盟信息和加盟流程都是公开透明的。为所有合作加盟商做出的服务都是完善一体化的。百分之百的性价比，百分之百的物超所值。 
                                </div>
                                <div class="cost2">要做真正赚钱的，商机满满的项目，快来在夏达粥店联系我们留言吧。迎来你加盟创业之路上的春天！ </div>
                            </div>

                        </van-tab>
                       
                    </van-tabs>
                </div> 
              
            </div>
        </div>
    </div>
</template>

<style scoped>
    .module{height: 139px;}
    .module>img{
        height: 139px;
    }
    .ny-caidan {
        height: 82px;
        padding: 0 15px;

    }
    .ny-caidan .mbx{
        height: 30px;
        line-height: 30px;
        color: #666;
        font-size: 13px;
        margin-top: 10px;
        margin-left: 13px;
    }
    .ny-caidan .mbx>a{
        font-size: 13px;
        margin-left: 6px;
        color: #666;
    }
    .ny-caidan .mbx>a:last-child{
           color: #f36e23;
    }
   .ny-caidan .promenu{
        height: 34px;
    } 
  .nytitle {
    margin-top: 30px;
    text-align: center;
     font-size: 33px;
    color: #818181;
    margin-bottom: 40px;
}
    .join{
        line-height: 33px;
        color: #333; 
        font-size: 14px;
    }
    .ntp{
        width: 100%;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .text>div{
        text-indent: 2em;
        font-size: 14px;
        color: #333;
        line-height: 30px;
    }
    .process ul{
        position: relative;
        margin-bottom: 40px;
        width: 100%;
        height: 60px;
    }
    .process ul li {
        width: 59px;
        height: 50px;
        border-radius: 50%;
        background: #eeb609;
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        color: #333;
        float: left;
        margin: 0 8%;
        position: relative;
        z-index: 2;
        padding-top: 12px;
}
 .process ul li img {
     width: 60px;
    position: absolute;
    right: -61px;
    top: 24px;
}
.process ul .qita1 {
    height: 38px;
    position: absolute;
     right: 56px; 
    top: 63px;
}
.process ul .qita2{
    width: 8px;
    height: 37px;
    position: absolute;
     right: 27px; 
    top: 63px;
}
.process ul .qita3{
    width: 8px;
    height: 37px;
    position: absolute;
     right: 27px; 
    top: 63px;
}
 .process .liucheng{
    position: absolute;
    top: 0px;
    left: 10px;
    width: 103px;
} 
.process .right{
    margin-left: 140px;
    line-height: 40px;
}
</style>
    
<script>
export default {
    data() {
    return {
      active: 1,
      t:'加盟优势'
    };
  },
  methods: {
    b($event){
       switch($event){
           case 0:
            this.t="加盟优势"
            break;
            case 1:
                this.t="加盟流程";
                break;
                case 2:
                    this.t="加盟费用";
                    break;
                   

       }
        //    this.t = e.target.title;
         console.log($event)
    }
  },
}
</script>